<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>页面走丢了 - 404</title>
    <meta name="description" content="404页面 - 个人网站">
    <link rel="icon" href="../static/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" type="text/css" href="../static/css/404.css">
    <link rel="stylesheet" type="text/css" href="../static/css/404.css">
</head>
<body>
    <div class="background">
        <canvas id="startrack"></canvas>
        <div class="cover"></div>
    </div>
    
    <div class="main">
        <div class="error-content">
            <div class="error-code">404</div>
            <h1 class="error-message">页面走丢了</h1>
            <p class="error-description">
                抱歉，您访问的页面不存在或已被移走。<br>
                可能是链接错误，或者页面已经消失在网络的星海中。
            </p>
            <a href="/" class="back-home-btn">返回首页</a>
        </div>
    </div>
    
    <script src="../static/js/zepto.min.js"></script>
    <script src="../static/js/404.js"></script>
</body>
</html>
